<template>
  <page-container :isback="true" :base-tab="1" :shownav="true" navtitle="提交成功" :istabbox="false">
    <view class="success-page-root">
      <view class="success-image-container">
        <image :src="`${baseFilePath}/home/success.png`"></image>
      </view>
      <view class="success-bt-container">
        <view @click="goBack" class="bt-item go-back-bt">返回</view>
      </view>
    </view>
  </page-container>

</template>

<script>
import {baseFilePath} from "@/util/publicConfig";
import {baseMixins} from "@/util/baseMixins";

export default {
  mixins: [baseMixins],
  data() {
    return {
      liaisonId: '',
      backPath: '',
      historyPath: '',
      baseFilePath
    }
  },
  methods: {
    goBack() {
      uni.navigateBack({})
    },
  },
  onLoad(params) {
    this.liaisonId = params.liaisonId
    this.representativeId = params.representativeId || ''
    this.backPath = params.backPath
    this.historyPath = params.historyPath
  },
}
</script>

<style scoped lang="scss">
.success-page-root {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  .success-image-container {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;

    image {
      height: 500rpx;
      width: 490rpx;
    }
  }

  .success-bt-container {
    height: 120rpx;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    background: #fff;
    align-items: center;

    .bt-item {
      width: 90%;
      height: 80rpx;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      border-radius: 40rpx;
      font-weight: normal;
      font-size: 30rpx;
      text-align: left;
      font-style: normal;
      text-transform: none;
      background: #AD2325;
      color: #FFFFFF;
    }
  }
}
</style>
